<template>
	<view class="tab-bar">
		<view class="page" v-for="(tab, index) in list" :key="index">
			<image class="icon" mode="scaleToFill" :src="tab.iconPath" />
			<text class="text">{{ tab.text }}</text>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			list: {
				type: Array,
				default: null
			}
		}
	}
</script>

<style lang="scss">
</style>
